<script setup lang="ts">

import {provide} from "vue";
import {zipTabs} from "@/composables/data/tabs";
import CustomTabBar from "@/components/CustomTabBar.vue";
import {content_tab_key} from "@/composables/utils/keys";

// const tabs = ref(zipTabs);
provide(content_tab_key, zipTabs)

</script>

<template>
  <div class="zip-root">
    <CustomTabBar/>
    <div class="zip-root__tab-content">
      <RouterView/>
    </div>
  </div>
</template>

<style scoped lang="scss">
.zip-root {
  @apply tw-flex tw-flex-col tw-h-full tw-w-full;

  &__tab-content {
    @apply tw-bg-transparent tw-flex-1;
    margin: 5px;
  }
}
</style>